今天將通過實戰練習來鞏固前九天學習到的 JavaScript 基礎知識。涵蓋了變量、數據類型、條件語句、迴圈、邏輯運算符以及迭代器方法。
我們將建立一個模擬的用戶註冊系統,該系統會檢查用戶的年齡和其他條件,並允許符合條件的用戶進行註冊。這個項目將結合前幾天學習到的基礎知識。
使用 prompt() 來收集用戶的姓名、年齡以及是否同意服務條款:
let name = prompt("請輸入你的姓名:");
let age = parseInt(prompt("請輸入你的年齡:"));
let agree = confirm("你是否同意服務條款?");
使用 if-else 語句來檢查用戶的年齡和是否同意服務條款:
if (age >= 18 && agree) {
console.log("註冊成功!");
} else {
console.log("註冊失敗:你必須年滿18歲並同意服務條款。");
}
定義一個違禁字列表,並使用 some() 來檢查姓名是否包含違禁字:
let bannedWords = ["badword1", "badword2", "badword3"];
let isNameValid = !bannedWords.some(word => name.includes(word));
if (isNameValid) {
console.log("姓名有效。");
} else {
console.log("姓名包含違禁字,無法註冊。");
}
使用 while循環允許用戶在未達到註冊條件時重試:
while (age < 18 || !agree || !isNameValid) {
console.log("註冊失敗,請重新輸入資料。");
name = prompt("請重新輸入你的姓名:");
age = parseInt(prompt("請重新輸入你的年齡:"));
agree = confirm("你是否同意服務條款?");
isNameValid = !bannedWords.some(word => name.includes(word));
}
console.log("註冊成功!");
當用戶輸入的所有信息都符合條件時,顯示成功的訊息:
console.log(歡迎你,${name},你已成功註冊。);